<script setup lang="ts">
import { useCreateReusableTemplate } from '@/createReusableTemplate.ts'

const [DefineComponent, UseTemplate] = useCreateReusableTemplate()

const onClick = () => {
  alert(123)
}
</script>

<template>
  <!--事件属性变为onXXX-->
  <DefineComponent v-slot="{ title, content }">
    <h1>{{ title ?? '默认' }}</h1>
    <div @click="onClick">内容 {{content}}</div>
  </DefineComponent>
  <br>
  <UseTemplate title="这是自定义标题"></UseTemplate>
  <UseTemplate title="2"></UseTemplate>
  <UseTemplate content="哈哈"></UseTemplate>
</template>

<style scoped>

</style>